<template>
 <div @click="div">
  <a @click="fn" href="https://www.baidu.com">去百度</a><br>
  <a @click="fn2(100,$event)" href="https://ww.baidu.com">去百度</a><br>
  <!-- 事件修饰符 -->
  <!-- @事件类型.修饰符="事件处理函数" -->
  <a @click.stop.prevent="fn3" href="https://www.baidu.com">去百度</a><br>
  <a @click.prevent href="https://www.baidu.com">去百度</a>


<!-- 最常用的两个修饰符:
.prevent  阻止默认行为
.stop  阻止冒泡
修饰符是可以串联的, .prevent.stop  表示既可以阻止默认行为也可以阻止冒泡 -->
  <button @click.stop="btn">点我阻止冒泡</button>
 </div>
</template>
<script>
export default {
 data() {
 return {
 }
 },
 methods:{
 },
}
</script>
<style lang="less" scoped>

</style>
